자바스크립트 현재 요소를 기준으로 엘리먼트를 앞 또는 뒤에 추가하는 방법

2,335
View Count

주소 복사하기

현재 선택한 요소를 기준으로 특정 요소를 추가하는 방법으로 insertAdjacentHTML() 메소드를 사용할 수 있습니다. 이 메소드는 다음과 같이 첫번째 파라미터로 추가할 위치를 결정합니다.

i. beforebegin - 현재 위치를 기준으로 바로 앞에 요소를 추가함
ii. beforeend - 선택한 요소의 마지막 자식 요소 다음에 추가함
iii. afterbegin - 선택한 요소의 처음 자식 요소 앞에 추가함
iv. afterend - 현재 위치를 기준으로 바로 뒤에 요소를 추가함

이를 사용할 경우 append()를 사용하여 추가하는 방법보다 간편하게 원하는 위치에 요소 추가가 가능하다는 장점이 있습니다.